import { FC } from "react"
import { Link } from "react-router-dom"
import { Outlet } from "react-router-dom"
// Outlet是承载路由的视口,要写到父级路由的组件中
let Discover: FC<any> = props => {
    // console.log(props.match)
    return (
        <fieldset>
            <legend>发现</legend>
            <h1>探索与发现</h1>
            <Link to="/discover/playlist">歌单</Link>
            <br />
            <Link to="/discover/toplist">排行榜</Link>
            <Outlet />
        </fieldset>
    )
}

export default Discover